import CountUI from '../../components/Count';

//react-redux提供了一个connect方法 创建容器组件和用来连接UI组件和redux
import { connect } from 'react-redux';

import { createIncrementAction, createDecrementAction, createWaitIncrementAction } from '../../redux/actions/count_action';


console.log('容器组件');



//connect方法的第一个参数函数，当react-redux调用这个函数的时候，会直接传入当前store中的state状态值
const mapStateToProps = state => ({ sum: state })

//connect的第二个参数可以简写为一个对象，并且直接发送action的方法给props即可
//底层会帮我们处理好所有的逻辑
const mapDispatchToProps = {
    jia: createIncrementAction,
    jian: createDecrementAction,
    dydjia: createWaitIncrementAction
}


//创建容器组件 并连接UI组件
const countContainer = connect(mapStateToProps, mapDispatchToProps)(CountUI);

export default countContainer;
